.soundButton {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease;
  vertical-align: middle;
  color: var(--ifm-color-primary);
}

.soundButton:hover {
  opacity: 0.8;
}

.soundButton:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.soundButton svg {
  width: 16px;
  height: 16px;
}

.soundButton.small svg {
  width: 14px;
  height: 14px;
}

.soundButton.large svg {
  width: 20px;
  height: 20px;
}

/* 播放动画效果 */
.playing svg path {
  animation: soundWave 1s ease-in-out infinite;
}

@keyframes soundWave {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
} 